<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>第二季《中国新歌声》全国校园海选四川赛区</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="./css/sm.css">
    <link rel="stylesheet" href="./css/sm-extend.css">
    <link rel="stylesheet" href="./css/nvoice.css">
</head>
<body>
<div class="page-group">
<div id="entered" class="page page-current nv-page-bg">
<div class="content native-scroll">
<!--begin主办单位-->
<div class="nv-head-bg">
    <div class="">
        <img src="./img/nv-head-bg.png" class="img-responsive"/>
    </div>
</div>

<div style="
    margin: 10px 5%;
    height: 36px;
">
<div style="
    float: left;
    width: 25%;
    font-size: 15px;
    color: white;
    line-height: 32px;
    text-align: center;
">合作伙伴</div>
<img src="./img/a1.jpg" style="
    float: left;
    height: 32px;
">
<img src="./img/a3.jpg" style="
    float: left;
    height: 32px;
    margin-left: 10px;
"><img src="./img/a2.jpg" style="
    float: left;
    height: 32px;
    margin-left: 10px;
">

<p class="nv-ad-partner">战略单位  <span>向右转—专注女性消费</span></p>
<!--begin 主办单位-->

<!--begin 表单开始-->
<div class="nv-entered">
<div class="nv-entered-tip">
    <p class="time">在校人士方可报名</p>
    <p class="link">
        <a href="details">赛事详情 ></a>
    </p>
    <p class="text">现在就报名<i></i></p>
    <span class="icon"></span>
</div>

<!--begin 填写信息-->
<form method="post" class="nv-entered-form" id="j-entered-form">
<div class="form-base">
    <strong>个人信息</strong>
    <div class="list-block">
        <ul>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">
                            姓名
                        </div>
                        <div class="item-input">
                            <input type="text" id="name" name="name" placeholder="请填写您的姓名" title="姓名" check="required length" min="2" max="20"/>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content item-link">
                    <div class="item-inner">
                        <div class="item-title label">
                            性别
                        </div>
                        <div class="item-input">
                            <input type="text" id="gender" name="gender" placeholder="请选择" readonly title="性别" check="required"/>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content item-link">
                    <div class="item-inner">
                        <div class="item-title label">
                            出生日期
                        </div>
                        <div class="item-input">
                            <input type="text" id="birthday" name="birthday" placeholder="请选择" readonly title="出生日期" check="required"/>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">
                            身份证号
                        </div>
                        <div class="item-input">
                            <input type="text" id="idCard" name="idCard" placeholder="请填写您的身份证号" check="idcard"/>
                        </div>
                    </div>
                </div>
            </li>
            <!-- <li>
                 <div class="item-content item-link">
                     <div class="item-inner">
                         <div class="item-title label">
                             籍贯
                         </div>
                         <div class="item-input">
                             <input type="text" id="nativePlace" name="nativePlace" value="四川 成都" placeholder="四川 成都" readonly title="籍贯" check="required"/>
                         </div>
                     </div>
                 </div>
             </li>-->
            <!-- <li>
                 <div class="item-content">
                     <div class="item-inner">
                         <div class="item-title label">
                             身高
                         </div>
                         <div class="item-input">
                             <input type="text" id="stature" name="stature" placeholder="请填写您的身高(cm)" title="身高" check="required num"/>
                         </div>
                     </div>
                 </div>
             </li>-->
            <!-- <li>
                 <div class="item-content">
                     <div class="item-inner">
                         <div class="item-title label">
                             体重
                         </div>
                         <div class="item-input">
                             <input type="text" id="weight" name="weight" placeholder="请填写您的体重(kg)" title="体重" check="required num"/>
                         </div>
                     </div>
                 </div>
             </li>-->
            <!--<li>
                <div class="item-content item-link">
                    <div class="item-inner">
                        <div class="item-title label">
                            学历
                        </div>
                        <div class="item-input">
                            <input type="text" id="education" name="education" placeholder="请选择" readonly title="学历" check="required"/>
                        </div>
                    </div>
                </div>
            </li>-->
            <li>
                <div class="item-content item-link">
                    <div class="item-inner">
                        <div class="item-title label">
                            学校
                        </div>
                        <div class="item-input">
                            <input type="text" id="schoolName" name="schoolName" placeholder="请选择" readonly title="学校" check="required"/>
                            <input type="hidden" id="schoolId" name="schoolId"/>
                        </div>
                    </div>
                </div>
            </li>
            <!--<li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">
                            专业
                        </div>
                        <div class="item-input">
                            <input type="text" id="major" name="major" placeholder="请填写您的专业" title="专业" check="required length" min="2" max="20"/>
                        </div>
                    </div>
                </div>
            </li>-->
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">
                            本人电话
                        </div>
                        <div class="item-input">
                            <input type="text" id="phone" name="phone" placeholder="请填写您的电话" check="required mobile"/>
                        </div>
                    </div>
                </div>
            </li>
            <!--<li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">
                            本人邮箱
                        </div>
                        <div class="item-input">
                            <input type="text"  id="email" name="email" placeholder="请填写您的邮箱" check="required email"/>
                        </div>
                    </div>
                </div>
            </li>-->
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">
                            通信地址
                        </div>
                        <div class="item-input">
                            <textarea id="address" name="address" placeholder="请填写详细地址，以便接收参赛资格证"  title="通信地址" check="required length" min="2" max="50"></textarea>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

<div class="form-introduce">
    <strong>自我介绍</strong>
    <div class="list-block">
        <div class="item-content">
            <div class="item-inner">
                <div class="item-input">
                    <textarea id="introduce" name="introduce" placeholder="如：您的特长，成长经历，学历经历等(请简述，100字内)" title="自我介绍" check="required length" min="2" max="50"></textarea>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="form-charm">
    <strong>魅力风采</strong>

    <div class="form-charm-item">
        <p class="form-charm-title">
            上传封面照片<span>(请上传本人照片，应用于您的头像)</span>
        </p>
        <div class="row clearfix">
            <div class="col-33">
                <div class="img-preview">
                    <span class="add">+</span>
                    <div class="img-preview-view" id="j-imgHead-view"></div>
                    <input type="file" id="j-imgHead" class="j-clipHead-input"/>
                    <input type="hidden" name="showIndex" id="showIndex"/>
                </div>
            </div>
        </div>
    </div>
    <div class="form-charm-item">
        <p class="form-charm-title">
            上传照片<span>(请上传本人照片，至少上传<em> 3 </em>张)</span>
        </p>
        <div class="row clearfix">

            <div class="col-33 j-imgPreview-list">
                <div class="img-preview">
                    <span class="add">+</span>
                    <div class="img-preview-view" id="j-imgDetails-view"></div>
                    <input type="file" id="j-imgDetails" class="j-clipDetails-input"/>
                </div>
            </div>
        </div>
    </div>

    <div class="form-charm-item">
        <p class="form-charm-title">
            视频地址<span>(选填，视频有助于您获得更多青睐哦！可用唱吧、全民K歌等APP录制<em>个人唱歌视频</em>。请将视频上传至腾讯视频，并将链接地址粘贴于此。)</span>
        </p>
        <div class="list-block">
            <div class="item-content">
                <div class="item-inner">
                    <div class="item-input">
                        <textarea name="video" id="video" placeholder="请粘贴您的腾讯视频地址"></textarea>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="content-block">
    <input type="submit" class="button button-big button-fill button-danger" value="提交"/>
</div>
</form>
<!--end 填写信息-->

<p class="nv-entered-warning">
    *请您务必认真如实填写，如因信息虚假导致报名审核未通过而引起的一切责任由您自负
</p>
</div>
<!--end   表单结束-->
</div>
</div>
<!--begin 头像剪切弹窗-->
<div class="popup popup-clip-head">
    <header class="bar bar-nav">
        <a class="button button-nav pull-left close-popup" href="#">
            返回
        </a>
        <button class="button pull-right" id="j-sureHead-clip" onclick="alert(12);">
            确定
        </button>
        <h1 class="title">裁剪图片</h1>
    </header>
    <div class="content native-scroll">
        <div id="j-head-clipArea"></div>
    </div>
</div>
<!--end 头像剪切弹窗-->

<!--begin 上传照片弹窗-->
<div class="popup popup-clip-details">
    <header class="bar bar-nav">
        <a class="button button-nav pull-left close-popup" href="#">
            返回
        </a>
        <button class="button pull-right" id="j-sureDetails-clip">
            确定
        </button>
        <h1 class="title">裁剪图片</h1>
    </header>
    <div class="content native-scroll">
        <p style="text-align: center;">手指转动可旋转照片</p>
        <div id="j-details-clipArea"></div>
    </div>
</div>
<!--end   上传图片弹窗-->
</div>

<script src='./js/zepto.js' type='text/javascript' charset='utf-8'></script>
<script src='./js/sm.js' type='text/javascript' charset='utf-8'></script>
<script src='./js/sm-extend.js' type='text/javascript' charset='utf-8'></script>
<!--分享-->
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="./js/we-chat.js" type="text/javascript" charset="utf-8"></script>

<script src="./js/nvoice.js" type="text/javascript"></script>
</body>
</html>
